// pages/statisticsPage/statisticsPage.js
import * as echarts from '../../components/ec-canvas/echarts';
const app = getApp();
let PieChart = null
let BarChart = null
let BarOriChart = null
let chart = null;
let app2 = {}
var option = {
  grid: {
    x: 60,
    y: 20,
    x2: 60,
    y2: 40,
    borderWidth: 1
  },
  dataZoom: {
    show: false,
    start: 0,
    end: 100
  },
  yAxis: [{
      type: 'category',
      inverse: true, //让Y轴数据逆向
      boundaryGap: true,
      data: (function () {
        var naw = ['河南', '山西', '贵州', '广东', '四川', '江苏', '内蒙古', '陕西', '福建']
        var now = new Date();
        var res = [];
        var len = 9;
        while (len--) {
          res.push(naw[10 - len - 2]);
        }
        return res;
      })()
    },
    {
      type: 'category',
      inverse: true, //让Y轴数据逆向
      boundaryGap: true,
      data: (function () {
        var touzie = ['8372亿', '8151亿', '7262亿', '7000亿', '6000亿', '5410亿', '5059亿', '5014亿', '5005亿']
        var res = [];
        var len = 9;
        while (len--) {
          res.push(touzie[10 - len - 2]);
        }
        return res;
      })()
    }
  ],
  xAxis: [{
      type: 'value',
      scale: false,
      // name: '亿元',
      interval: 2000,
      max: 9000,
      min: 0,
      boundaryGap: [0.1, 0.1]
    }

  ],


  series: [{ // For shadow
      type: 'bar',
      itemStyle: {
        normal: {
          color: 'rgba(0,0,0,0.05)'
        },
      },
      barGap: '-100%',
      barCategoryGap: '10%',
      barMaxWidth: 20,
      data: [9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000,
        9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000,
        9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000, 9000,
      ],
      animation: false
    },
    {
      // name: '预购队列',
      type: 'bar',
      //xAxisIndex: 0,
      yAxisIndex: 1,
      barMaxWidth: 20,
      itemStyle: {
        color: '#5E95D0',

        barBorderRadius: [0, 10, 10, 0], // （顺时针左上，右上，右下，左下）
      },


      data: (function () {
        var number = [8372, 8151, 7262, 7000, 6000, 5410, 5059, 5014, 5005]
        var res = [];
        var len = 9;
        while (len--) {
          res.push(number[10 - len - 2]);
        }
        return res;
      })()
    }
  ]
}
app2.count = 8;
let province = ['河南', '山西', '贵州', '广东', '四川', '江苏', '内蒙古', '陕西', '福建', '甘肃', '云南', '重庆', '浙江',
  '湖南', '北京', '河北', '江西', '湖北', '天津', '黑龙江', '西藏', '广西', '上海', '安徽', '海南', '宁夏'
];
let touzie = ['8372亿', '8151亿', '7262亿', '7000亿', '6000亿', '5410亿', '5059亿', '5014亿', '5005亿', '4500亿', '4400亿',
  '3345亿', '3000亿', '3000亿', '2523亿', '2402亿', '2390亿', '2263亿', '2105亿', '2000亿', '1872亿', '1675亿', '1500亿', '1254亿', '681亿', '510亿'
]
let number1 = [8372, 8151, 7262, 7000, 6000, 5410, 5059, 5014, 5005, 4500, 4400,
  3345, 3000, 3000, 2523, 2402, 2390, 2263, 2105, 2000, 1872, 1675, 1500, 1254, 681, 510
]
setInterval(function () {
  app2.count++
  var flag1 = app2.count % 26
  var data1 = option.series[1].data;

  data1.shift();
  data1.push(number1[flag1]);
  option.yAxis[0].data.shift();

  option.yAxis[0].data.push(province[flag1]);
  option.yAxis[1].data.shift();
  option.yAxis[1].data.push(touzie[flag1]);
  if (chart) {
    chart.setOption(option);
  }


}, 2100);

function initChart(canvas, width, height, dpr) {
  chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio: dpr // new
  });
  canvas.setChart(chart);

  //chart.setOption(option);
  return chart;
}
Page({

  /**
   * 页面的初始数据
   */
  data: {
    province: [
      '河北', '山西', '内蒙古', '辽宁', '吉林', '黑龙江',
      '江苏', '浙江', '安徽', '福建', '江西', '山东',
      '河南', '湖北', '湖南', '广东', '广西', '海南',
      '四川', '贵州', '云南', '西藏', '陕西', '甘肃',
      '青海', '宁夏', '新疆'
    ],
    out_url: 'https://dmap.talkingdata.com/2020/loader/index.html问号page等号136',
    leader_info: [{
      provinceName: '湖北',
      traffic: 'http://jtt.hubei.gov.cn/zfxxgk/fdzdgknr/jgjj/ldxx_/',
      constructor: 'http://zjt.hubei.gov.cn/zfxxgk/fdzdgknr/jgjj/ldxx/#test'
    }],
    selectedDis: '河北',
    // 被点击的左侧菜单
    currentIndex: 0,
    ecBar: {
      onInit: initChart
    },
    // 投资数据
    invest: {
      '西藏': 222,
      '青海': 282,
      '宁夏': 424,
      '海南': 814,
      '甘肃': 850,
      '黑龙江': 1219,
      '吉林': 1267,
      '新疆': 1577,
      '贵州': 1705,
      '广西': 1812,
      '内蒙古': 2160,
      '云南': 2074,
      '重庆': 2134,
      '陕西': 2288,
      '山西': 2348,
      '天津': 2410,
      '江西': 2487,
      '辽宁': 2652,
      '湖南': 3007,
      '福建': 3053,
      '安徽': 3183,
      '湖北': 3388,
      '河北': 3743,
      '河南': 4041,
      '四川': 4220,
      '北京': 5817,
      '山东': 6527,
      '浙江': 7048,
      '上海': 7165,
      '江苏': 8802,
      '广东': 12651
    },
    // 领导信息-交通运输
    leaderInfoJiaoTong: {
      "湖北": "http://jtt.hubei.gov.cn/zfxxgk/fdzdgknr/jgjj/ldxx_/",
      "河南": "http://www.hncd.gov.cn/portal/zfxxgk/zdgk/tld/lwd/A0905042227index_1.htm",
      "广东": "http://td.gd.gov.cn/zwgk_n/zzjg/channel1/index.html",
      "江苏": "http://jtyst.jiangsu.gov.cn/col/col77121/index.html",
      "上海": "http://jtw.sh.gov.cn/jgld/index.html",
      "浙江": "http://jtyst.zj.gov.cn/col/col1229232096/index.html",
      "山东": "http://jtt.shandong.gov.cn/col/col100458/index.html?number=SD0102",
      "北京": "http://jtw.beijing.gov.cn/xxgk/jgzn/ldjs/",
      "四川": "http://jtt.sc.gov.cn/jtt/c102470/ldjs.shtml",
      "河北": "http://jtt.hebei.gov.cn/jtyst/zwgk/jcxxgk/jggk/ldzc/",
      "安徽": "http://jtt.ah.gov.cn/public/column/21701?type=4&catId=28008581&action=list",
      "福建": "http://jtyst.fujian.gov.cn/jtgk/ldzc/hxt/",
      "湖南": "http://jtt.hunan.gov.cn/jtt/xxgk/jgzn/tld/index.html",
      "辽宁": "http://jtt.ln.gov.cn/jg/ldfg/",
      "江西": "http://jt.jiangxi.gov.cn/col/col34273/index.html",
      "天津": "http://jtys.tj.gov.cn/ZWGK6002/ZFXXGK3412/FDZDGKNR1877/JGXX/LDXX8181/WKC/",
      "山西": "http://jtyst.shanxi.gov.cn/ycx/index.jhtml",
      "陕西": "http://jtyst.shaanxi.gov.cn/home/index/ldcy.html",
      "重庆": "https://jtj.cq.gov.cn/zwgk_240/ldxx/xra/",
      "云南": "http://jtyst.yn.gov.cn/Category_128/Index.aspx",
      "内蒙": "http://jtyst.nmg.gov.cn/jtzw/zzjg/ldbz/",
      "广西": "http://jtt.gxzf.gov.cn/zwgk/zfxxgk/jggk/ldzc/",
      "贵州": "http://jt.guizhou.gov.cn/zfxxgk/fdzdgknr/ldjl/",
      "新疆": "http://jtyst.xinjiang.gov.cn/xjjtysj/tjld0/leadlist.shtml",
      "吉林": "http://jtyst.jl.gov.cn/jg_133173/ldjs/",
      "黑龙江": "http://zizhan.mot.gov.cn/st/heilongjiang/201707/t20170719_3432228.html",
      "甘肃": "http://jtys.gansu.gov.cn/dzsjlr/index.html",
      "海南": "http://jt.hainan.gov.cn/xxgk/0100/",
      "宁夏": "https://jtt.nx.gov.cn/info/iList.jsp?tm_id=146&cat_id=11137",
      "青海": "http://zizhan.mot.gov.cn/st/qinghai/201707/t20170718_3432312.html",
      "西藏": "http://jtt.xizang.gov.cn/zzjg/ldjs/",
      "郑州市": "http://public.zhengzhou.gov.cn/?d=21#leader",
      "开封市": "http://jtysj.kaifeng.gov.cn/news_list.aspx?id=305&pid=303",
      "洛阳市": "http://jtysj.ly.gov.cn/home-article-fid-28-pid-31.html",
      "安阳市": "http://jtj.anyang.gov.cn/Home/Detail?id=2111",
      "鹤壁市": "http://jtj.hebi.gov.cn/sjtj/742319/742320/2159086/index.html",
      "新乡市": "http://www.xxjtj.cn/ldbz/",
      "焦作市": "http://jtysj.jiaozuo.gov.cn/index.aspx",
      "濮阳市": "http://pyjt.puyang.gov.cn/Category_93/Index.aspx",
      "许昌市": "http://sjtysj.xuchang.gov.cn/zzjg/001002/20200424/2170c486-b8ce-438c-bace-4a147370db2d.html",
      "漯河市": "http://jtj.luohe.gov.cn/about/view-1034.html",
      "三门峡市": "http://jtysj.smx.gov.cn/pageView/zhengfuxinxi.html?lmid=1589&rlmid=1599",
      "南阳市": "http://www.nanyang.gov.cn/gk/lingdaoxinxi/137725.htm",
      "商丘市": "http://www.shangqiu.gov.cn/Government/PublicInfoShow.aspx?ID=5994",
      "信阳市": "http://jtysj.xinyang.gov.cn/ca/20180409000001.htm",
      "周口市": "http://jtysj.zhoukou.gov.cn/Home/News?Id=27616",
    },
    // 领导信息-住房
    leaderInfoZhufang: {
      "湖北": "http://zjt.hubei.gov.cn/zfxxgk/fdzdgknr/jgjj/ldxx/#test",
      "河南": "http://www.hnjs.gov.cn/xxgk/leaderInfo",
      "广东": "http://zfcxjst.gd.gov.cn/xxgk/ldxx/index.html",
      "江苏": "http://jscin.jiangsu.gov.cn/col/col47404/index.html",
      "上海": "http://zjw.sh.gov.cn/jgld/index.html",
      "浙江": "http://jst.zj.gov.cn/col/col1229155583/index.html",
      "山东": "http://zjt.shandong.gov.cn/art/2020/4/23/art_102866_9030752.html?xxgkhide=1",
      "北京": "http://zjw.beijing.gov.cn/bjjs/xxgk/jgzn27/index.shtml",
      "四川": "http://jst.sc.gov.cn/scjst/c101400/lingdaojieshao.shtml",
      "河北": "http://zfcxjst.hebei.gov.cn/xxgk/fdzdg/gaikuangxinxi/lingdaofengong/",
      "安徽": "http://dohurd.ah.gov.cn/public/column/6991?type=4&catId=6715221&action=list",
      "福建": "http://zjt.fujian.gov.cn/stgk/stld/lrl/",
      "湖南": "http://zjt.hunan.gov.cn/zjt/xxgk/jgzn/ldjj/index.html",
      "辽宁": "http://zjt.ln.gov.cn/zwgk/tldjj/",
      "江西": "http://zjt.jiangxi.gov.cn/col/col40701/index.html",
      "天津": "http://zfcxjs.tj.gov.cn/xxgk_70/jggk/ldjs/",
      "山西": "https://zjt.shanxi.gov.cn/Main/list.action?channelId=50",
      "陕西": "http://js.shaanxi.gov.cn/lingdao/tinglingdaojieshao2002.htm",
      "重庆": "http://zfcxjw.cq.gov.cn/zwgk_166/fdzdgknr/jgjj/ldxx/",
      "云南": "http://zfcxjst.yn.gov.cn/tld.aspx?id=7557",
      "内蒙古": "http://www.nmg.gov.cn/col/col1276/index.html",
      "广西": "http://zjt.gxzf.gov.cn/ldjs/",
      "贵州": "http://zfcxjst.guizhou.gov.cn/zwgk/xxgkml/jcxxgk/ldjs/",
      "新疆": "http://zjt.xinjiang.gov.cn/xjjs/ldxx/list_zzjg.shtml",
      "吉林": "http://jst.jl.gov.cn/zwgk/ldfg/",
      "黑龙江": "http://zfcxjst.hlj.gov.cn/aspx/ldjj_z.aspx?id=96",
      "甘肃": "http://zjt.gansu.gov.cn/view//zzjg/leader/parent//lingdaoxingxi",
      "海南": "http://zjt.hainan.gov.cn/szjt/0100/lingdao.shtml",
      "宁夏": "http://jst.nx.gov.cn/tld/mhw.htm",
      "青海": "http://zjt.qinghai.gov.cn/html/11/10928.html",
      "西藏": "http://zjt.xizang.gov.cn/jggk/ldzc/201511/t20151105_98303.html",
      "郑州市": "http://public.zhengzhou.gov.cn/?d=18#leader",
      "开封市": "http://zfhcxjsj.kaifeng.gov.cn/ldxx",
      "洛阳市": "http://lyszjj.ly.gov.cn/index.php?c=article&id=8364",
      "平顶山市": "http://zjj.pds.gov.cn/channels/11680.html",
      "安阳市": "http://ayzjj.anyang.gov.cn/viewCmsCac.do?cacId=ff8080812f8b5f45012f92dffd581d4b",
      "鹤壁市": "http://zjj.hebi.gov.cn/szjj/988842/988856/744224/index.html",
      "新乡市": "http://www.xxszjj.gov.cn/",
      "焦作市": "http://www.jzjsw.gov.cn/Anli.asp?type=116",
      "濮阳市": "http://www.pyjs.gov.cn/pc/fwzx.asp?a=newsview&id=21585",
      "许昌市": "http://xcszjj.xuchang.gov.cn/govxxgk/00574722-6/openSubPage.html?specialurl=/govxxgk/00574722-6/category/011/011002/govlist.html&righttitle=%E4%BF%A1%E6%81%AF%E5%85%AC%E5%BC%80%E7%9B%AE%E5%BD%95",
      "漯河市": "http://www.lhzj.gov.cn/html/lingdaofengong/",
      "三门峡市": "http://zjj.smx.gov.cn/pageView/article.html?pageNum=1&lmid=1403&wzid=327680&rlmid=1409",
      "南阳市": "http://www.nanyang.gov.cn/gk/lingdaoxinxi/235473.htm",
      "商丘市": "http://www.shangqiu.gov.cn/Government/PublicInfoShow.aspx?ID=7516",
      "信阳市": "http://zfcxjsj.xinyang.gov.cn/index.php?c=article&id=2491&cateid=A00010001",
      "周口市": "http://zfcxjs.zhoukou.gov.cn/Home/NewsList?Id=1296",
      "驻马店市": "http://zjj.zhumadian.gov.cn/a/lingdaozhichuang/2018/0526/47.html"
    },
    // 财政收入
    revenue: {
      '河南': '8372',
      '山西': '8151',
      '贵州': '7262',
      '广东': '7000',
      '四川': '6000',
      '江苏': '5410',
      '内蒙古': '5059',
      '陕西': '5014',
      '福建': '5005',
      '甘肃': '4500',
      '云南': '4400',
      '重庆': '3345',
      '浙江': '3000',
      '湖南': '3000',
      '北京': '2523',
      '河北': '2402',
      '江西': '2390',
      '湖北': '2263',
      '天津': '2105',
      '黑龙江': '2000',
      '西藏': '1872',
      '广西': '1675',
      '上海': '1500',
      '安徽': '1254',
      '海南': '681',
      '宁夏': '510'
    },
    touzi: 3743,
    shouru: 2402,
    //全屏滚动
    scrollindex: 0, //当前页面的索引值
    totalnum: 2, //总共页面数
    starty: 0, //开始的位置x
    endy: 0, //结束的位置y
    critical: 80, //触发翻页的临界值
    margintop: 0, //滑动下拉距离

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  // 左侧菜单点击
  handleItemTap(e) {
    const {
      index,
      name
    } = e.currentTarget.dataset
    this.setData({
      currentIndex: index,
      selectedDis: name
    })
    this.setData({
      touzi: this.data.invest[name],
      shouru: this.data.revenue[name]
    })
  },
  // 跳转到新基建平台
  onItemJijianClick() {
    wx.navigateTo({
      url: '../webViewPage/webViewPage?url=' + this.data.out_url
    })
  },
  // 全国交通
  onItemJiaoTongClick() {
    wx.navigateTo({
      url: '../webViewPage/webViewPage?url=' + "http://www.mot.gov.cn/buzhangwangye/".replace(/\?/g, '问号').replace(/=/g, '等号').replace(/&/g, '和号'),
    })
  },
  // 全国住房
  onItemZhuFangClick() {
    wx.navigateTo({
      url: '../webViewPage/webViewPage?url=' + "http://www.mohurd.gov.cn/bld/index.html".replace(/\?/g, '问号').replace(/=/g, '等号').replace(/&/g, '和号'),
    })
  },
  onItemJiaoTongClick2() {
    let url = this.data.leaderInfoJiaoTong[this.data.selectedDis]
    wx.navigateTo({
      url: '../webViewPage/webViewPage?url=' + url.replace(/\?/g, '问号').replace(/=/g, '等号').replace(/&/g, '和号'),
    })
  },
  onItemZhuFangClick2() {
    let url = this.data.leaderInfoZhufang[this.data.selectedDis]
    wx.navigateTo({
      url: '../webViewPage/webViewPage?url=' + url.replace(/\?/g, '问号').replace(/=/g, '等号').replace(/&/g, '和号'),
    })
  },
  scrollTouchstart: function (e) {
    let py = e.touches[0].pageY;
    this.setData({
      starty: py
    })
  },
  scrollTouchmove: function (e) {
    let py = e.touches[0].pageY;
    let d = this.data;
    this.setData({
      endy: py,
    })
    if (py - d.starty < 100 && py - d.starty > -100) {
      this.setData({
        margintop: py - d.starty
      })
    }
  },
  scrollTouchend: function (e) {
    /*
    let py = e.changedTouches[0].pageY;
    let d = this.data;
    if(d.endy-d.starty >100 && d.scrollindex>0){
      this.setData({
        scrollindex: d.scrollindex-1
      })
    }else if(d.endy-d.starty <-100 && d.scrollindex<this.data.totalnum-1){
      this.setData({
        scrollindex: d.scrollindex+1
      })
    }
    this.setData({
        starty:0,
        endy:0,
        margintop:0
    })
  }, */
    let py = e.changedTouches[0].pageY;
    let d = this.data;
    this.setData({
      endy: py,
    })
    // console.log(e.changedTouches[0].pageY, d.starty);
    if (py - d.starty > d.critical && d.scrollindex > 0) {
      this.setData({
        scrollindex: d.scrollindex - 1
      })
    } else if (py - d.starty < -(d.critical) && d.scrollindex < this.data.totalnum - 1) {
      this.setData({
        scrollindex: d.scrollindex + 1
      })
    }
    this.setData({
      starty: 0,
      endy: 0,
      margintop: 0
    })
  },
})